<!-- 写js的地方，setup:组合适API风格-->
<script setup>
  //定义变量，采用响应式方式定义
  import {ref} from "vue";
  // 声明变量,并且赋值
  const msg = ref('今天学习了Vue3')
  const age = ref(22)
  console.log('我的口号是：今天不想学习',msg.value)
  console.log('我的年龄是岁',age.value)
</script>

<!-- 写标签的地方，视图区 -->
<template>
  <!-- 模板语法 -->
  <div>{{msg}}</div>
  <p>我的年龄是：{{age}}</p>
</template>

<!-- 这个地方是写css代码的 -->
<style scoped>

</style>